<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'ZY_LianXiWoMen_0',
'img_E6ETk1',
'ZY_GongSi_2',
'ZY_HuNanXingXinShengWu_3',
'img_W4Yat4',
'ZY_DianHua_5',
'ZY_6_6',
'img_mq8Iy7',
'ZY_YouJian_8',
'ZY_9_9',
'img_fElZm10',
'ZY_11_11',
'ZY_12_12',
'img_waTMh13',
'ZY_DiZhi_14',
'ZY_ZhangShaShiYueLuQu_15',
'ZY_ZaiXianLiuYan_16',
'ZY_XingMing_17',
'ZY_DianHua_18',
'ZY_YouXiang_19',
'ZY_GongSiMingCheng_20',
'ZY_LeiXing_21',
'ZY_XunJia_22',
'ZY_ShenQingYangPin_23',
'ZY_QiTa_24',
'ZY_BiaoTi_25',
'ZY_MiaoShu_26',
'ZY_WoYiYueDuBingTong_27',
'ZY_TiJiao_28'
"  ></cms:ads>
<!doctype html>
<!-- 联系我们 -->
<html>
 <head> 
  <meta charset="utf-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"> 
  <meta content="telephone=no" name="format-detection"> 
  <meta content="yes" name="apple-mobile-web-app-capable"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>湖南兴欣生物科技有限公司${网页标题}</title> 
  <link rel="stylesheet" type="text/css" href="https://gwfile.csxuncong.com/xxswen/mobile/./css/common.css">
  <link rel="stylesheet" type="text/css" href="https://gwfile.csxuncong.com/xxswen/mobile/./css/swiper.min.css">
  <link rel="stylesheet" type="text/css" href="https://gwfile.csxuncong.com/xxswen/mobile/./css/iconfont.css">
  <style>.content{ padding: 20px; } .contact-us{ border: 1px solid rgba(47,55,47,0.2); padding-bottom: 20px; } .contact-us h3{ background: rgba(245,245,245,0.7); color: #3EA836; padding: 10px; } .contact-us-item{ padding: 0 10px; } .contact-us-item div{ display: flex; align-items: center; margin-top: 20px; } .contact-us-item div h4{ color: rgba(47,55,47,0.7); } .contact-us-item div img{ margin-right: 10px; } .contact-us-item p{ font-size: 14px; margin-top: 10px; color: rgba(47,55,47,0.5); } .online-message{ border: 1px solid rgba(47,55,47,0.2); margin-top: 30px; } .online-message h3{ background: rgba(245,245,245,0.7); color: #3EA836; padding: 10px; } .form-con{ padding: 10px; } /* 留言input */ .form-input-item{ width: 100%; margin-bottom:10px; box-sizing: border-box; } .form-texteare-item{ width: 100%; height: 150px; flex-direction: column; align-items: flex-start; box-sizing: border-box; } .form-input-item .requrie, .form-texteare-item .requrie{ color: red; margin-right: 4px; } .form-input-item .label, .form-texteare-item .label{ white-space: nowrap; font-size: 15px; color: rgba(0,0,0,0.5); } .form-input-item .input, .form-input-item .select{ display: block; padding: 12px ; margin-top: 10px; width: 100%; border: 0; color: #2F372F; font-size: 16px; border: 1px solid #DEDEDE; box-sizing: border-box; } .form-texteare-item textarea{ border: 1px solid #DEDEDE; margin-top: 10px; width: 100%; height: 100px; box-sizing: border-box; padding: 10px; font-size: 16px; line-height: 20px; font-family: "微软雅黑", Arial, Verdana, Helvetica, sans-serif;; } .form-checkbox-item{ margin: 20px 0px; } .form-checkbox-item label{ cursor: pointer; } .form-checkbox-item a{ color: #2F372F; } input:focus{ outline: 0; border: 1px solid #3EA836!important; } select:focus{ outline: 0; } button:focus{ outline: 0; } textarea:focus{ outline: 1px solid #3EA836; } .common-btn{ display: block; background: #3EA836; text-align: center; color: #ffffff; width: 150px; font-size: 16px; padding: 13px 0; border-radius: 2px; margin-top: 20px; border: 0; cursor: pointer; } .form-con .submit-btn{ margin: 40px 0px 20px; }</style> 
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <div class="content"> 
   <div class="contact-us"> 
    <h3 class="zy" data-type="ad" data-id="${ZY_LianXiWoMen_0.adId}">${ZY_LianXiWoMen_0.adTitle}</h3> 
    <div class="contact-us-item"> 
     <div> 
      <img src="${img_E6ETk1.adImg}" class="zy" data-type="ad" data-id="${img_E6ETk1.adId}"> 
      <h4 class="zy" data-type="ad" data-id="${ZY_GongSi_2.adId}">${ZY_GongSi_2.adTitle}</h4> 
     </div> 
     <p class="zy" data-type="ad" data-id="${ZY_HuNanXingXinShengWu_3.adId}">${ZY_HuNanXingXinShengWu_3.adTitle}</p> 
    </div> 
    <div class="contact-us-item"> 
     <div> 
      <img src="${img_W4Yat4.adImg}" class="zy" data-type="ad" data-id="${img_W4Yat4.adId}"> 
      <h4 class="zy" data-type="ad" data-id="${ZY_DianHua_5.adId}">${ZY_DianHua_5.adTitle}</h4> 
     </div> 
     <p class="zy" data-type="ad" data-id="${ZY_6_6.adId}">${ZY_6_6.adTitle}</p> 
    </div> 
    <div class="contact-us-item"> 
     <div> 
      <img src="${img_mq8Iy7.adImg}" class="zy" data-type="ad" data-id="${img_mq8Iy7.adId}"> 
      <h4 class="zy" data-type="ad" data-id="${ZY_YouJian_8.adId}">${ZY_YouJian_8.adTitle}</h4> 
     </div> 
     <p class="zy" data-type="ad" data-id="${ZY_9_9.adId}">${ZY_9_9.adTitle}</p> 
    </div> 
    <div class="contact-us-item"> 
     <div> 
      <img src="${img_fElZm10.adImg}" class="zy" data-type="ad" data-id="${img_fElZm10.adId}"> 
      <h4 class="zy" data-type="ad" data-id="${ZY_11_11.adId}">${ZY_11_11.adTitle}</h4> 
     </div> 
     <p class="zy" data-type="ad" data-id="${ZY_12_12.adId}">${ZY_12_12.adTitle}</p> 
    </div> 
    <div class="contact-us-item"> 
     <div> 
      <img src="${img_waTMh13.adImg}" class="zy" data-type="ad" data-id="${img_waTMh13.adId}"> 
      <h4 class="zy" data-type="ad" data-id="${ZY_DiZhi_14.adId}">${ZY_DiZhi_14.adTitle}</h4> 
     </div> 
     <p class="zy" data-type="ad" data-id="${ZY_ZhangShaShiYueLuQu_15.adId}">${ZY_ZhangShaShiYueLuQu_15.adTitle}</p> 
    </div> 
   </div> 
   <div class="online-message"> 
    <h3 class="zy" data-type="ad" data-id="${ZY_ZaiXianLiuYan_16.adId}">${ZY_ZaiXianLiuYan_16.adTitle}</h3>
    <div class="form-con"  id="data-form">
     <div class="flex flex-wrap">
      <div class="form-input-item">
       <label class="label">Name</label>
       <input class="input" name="msgUserName" type="text">
      </div>
      <div class="form-input-item">
       <label class="label">Telephone</label>
       <input class="input" name="msgTel" type="text">
      </div>
      <div class="form-input-item">
       <label class="label"><span class="requrie">*</span>Email</label>
       <input class="input" type="text" name="info1">
      </div>
      <div class="form-input-item">
       <label class="label">Company Name</label>
       <input class="input" type="text" name="info2">
      </div>
      <div class="form-input-item">
       <label class="label"><span class="requrie">*</span>Subject</label>
       <select class="select" name="msgType">
        <option value="询价">Inquiry</option>
        <option value="申请样品">Samples Apply</option>
        <option value="其他">Others</option>
       </select>
      </div>
      <div class="form-input-item">
       <label class="label">Title</label>
       <input class="input" type="text" name="info3">
      </div>
     </div>
     <div class="form-texteare-item flex ">
      <label class="label"><span class="requrie">*</span>Description</label>
      <textarea class="flex-1 content" placeholder="Please enter the information to be consulted" name="msgContent"></textarea>
     </div>
     <div  class="form-checkbox-item">
      <label>
       <input type="checkbox" name="reading">I have read and agree to the <a>"Our Commitment to Privacy"</a>
      </label>
     </div>
     <button type="button" class="submit-btn common-btn" onclick="submit()">SEND</button>
    </div>
   </div> 
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  <script src="https://gwfile.csxuncong.com/xxswen/mobile/./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
  <script>
			
			function showPopup() {
				var popBg = document.getElementById("popBg");
				var popBox = document.getElementById("popBox");
				popBox.style.animation = "popup 1s"
				popBg.style.display = "block";
				popBox.style.display = "block";	
			};
			 
			/*点击关闭按钮*/
			function closePopup() {
				var popBg = document.getElementById("popBg");
				var popBox = document.getElementById("popBox");
				popBox.style.animation = "packup 1s"
				popBg.style.display = "none";
				popBox.style.display = "none";
								
			}
		</script>

  <script>
   function submit() {
    var result = {};
    var fields = $("div#data-form input[type='text']");

    for (var i = 0; i < fields.length; i++) {
     var field = fields[i];
     var name = $(field).attr('name');
     var value = $(field).val();
     if (name == 'info1') {
      if (!value) {
       alert("Please fill in the information");
       return;
      }
     }
     if (name in result) {
      result[name] += "," + value;
     } else {
      result[name] = value;
     }
    }

    var name1 = $($('.select')[0]).attr('name');
    var value1 = $($('.select')[0]).val();
    result[name1] = value1;

    if (!$($('.content')[1]).val()) {
     alert("Please fill in the information");
     return;
    }
    result[$($('.content')[1]).attr('name')] = $($('.content')[0]).val();

    console.log(result);

    var checkbox = $("div#data-form input[type='checkbox']")[0];
    if (!$(checkbox).prop('checked')) {
     alert("Please check the consent");
    }

    $.post("${path}/do/visitor/addMsg",result,function(){
     alert("Thanks！");
     location.reload();
    });
   }
  </script>
 </body>
</html>